<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-publica-login.xhtml">

	<ui:define name="title"> Ingreso al sistema </ui:define>
	<ui:define name="nameForm"> INGRESO AL SISTEMA </ui:define>

	<ui:define name="content">
	<f:metadata>
  		 <f:event type="preRenderView" listener="#{loginController.preRenderizacionLoginCliente}"></f:event>
	</f:metadata>
		<p:growl id="growl" showDetail="true" sticky="false" life="4500"
			globalOnly="true" />
		<h:form id="formLogin" prependId="false">
			<div>
				<div class="bloque">
					<div align="center">
						<h:graphicImage library="images" name="persona.png"></h:graphicImage>
					</div>
					<div align="center" class="divPanelGrid">
						<h:panelGrid columns="2">
							<h:outputLabel>Usuario: <span>( * )</span>
							</h:outputLabel>
							<p:inputText  value="#{loginController.usuario.usuario}"
								id="usuario" required="true" maxlength="30">
								<f:validator validatorId="alfanumericoValidator"></f:validator>
								<p:ajax update="msgCodigoGrupoNuevo" />
								<f:attribute name="campo" value="Usuario" />
							</p:inputText>
							<p:spacer height="30"></p:spacer>
							<p:message id="msgCodigoGrupoNuevo" for="usuario" />

							<h:outputLabel>Contrase&#241;a: <span>( *
									)</span>
							</h:outputLabel>
							<p:password  required="true"
								value="#{loginController.usuario.contrasenia}" id="contrasenia"
								maxlength="30">
								<f:attribute name="campo" value="Contrase&#241;a " />
								<p:ajax update="msgContrasenia" />
							</p:password>
							<p:spacer height="30"></p:spacer>
							<p:message id="msgContrasenia" for="contrasenia" />
						</h:panelGrid>
					</div>
					<br />

				</div>
				<br />
				<div align="center">
					
					
					<p:commandButton styleClass="butonSmall" type="Submit" ajax="true" action="#{loginController.iniciarSessionCliente}" update=":growl,:formLogin"
						value="Ingresar" />
					<span>&#160;&#160;</span>
					<p:commandButton process="@this" value="Limpiar" styleClass="butonSmall" action="#{loginController.limpiar}" update="@form" />
				</div>
				
				<div align="center" class="link-publico" >
					<p:commandLink value="&#191;Olvid&#243; su contrase&#241;a?" action="#{loginController.irAOlvidoContrasenia}" process="@this"></p:commandLink>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>